@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 2;
	padding: 2;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background: #000 url(../images/bg_body.gif) repeat-x top;
	color: #808080;
	line-height: 1;
	font: 10px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal; }
	th { color: #000; font-size: 1.4em; font-weight: bold; padding-bottom: .75em; }
	td { border-top: 1px solid #ccc; font-size: 1.2em; padding: 1em 2em 1em 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
blockquote { background: #EBE9D4; margin: 1em 0 2em; padding: .1em 2.5em; }
	blockquote p { font-size: 1.5em; }
small { font-size: .75em; padding-top: .25em; }
big { font-size: 1.25em; line-height: 1.35em; }
strong { font-weight: bold; }
em { font-style: italic; }

a { color: #f96500; text-decoration: none; }
a:hover { text-decoration: underline; }

p, .content > ul { font-size: 12px; line-height: 1.5em; margin: 1.5em 0; }

h1 { font-size: 10px; }
h2 { color: #000; font-size: 3.1em; font-weight: normal; text-transform: capitalize; }	
	.landing h2.title { font-size: 3em; padding: 30px; }
	h2.title, .news.landing h2.title, .events.landing h2.title { color: #fff; font-size: 2.3em; padding: .4em 30px; }
h3 { color: #000; font-size: 2.6em; font-weight: bold; margin-bottom: .25em; }
	.channels h3 { font-weight: normal; margin-bottom: 0; }	
	.blog h3 a, .channels h3 a, .search h3 a { color: #222; }
	.blog h3 a:hover, .channels h3 a:hover, .search h3 a:hover { color: #F96500; text-decoration: none; }
	#disqus_thread h3 { font-size: 16px; }
h4 { color: #000; font-size: 1.4em; font-weight: bold; margin-top: 1em; }
	.case-studies.landing h4 { color: #4d4d4d; font-size: 2em; font-weight: normal; margin-top: 0; }
	.case-studies .col2 h4 { color: #000; font-size: 1.2em; font-weight: bold; margin: 2em 0 0; }
	#disqus_thread h4 { font-size: 12px; }
	.col2 h4 { color: #6D6E71; font-size: 2em; font-weight: normal; }
h5 { color: #626A69; font-size: 1.2em; font-weight: bold; margin: .75em 0; }

label { font-size: 1.2em; padding-top: .25em; }
input[type="text"], input[type="password"], input[type="email"], textarea, select {
	background: #fff; 
	-moz-box-shadow: inset .35em .35em .35em #ddd;
	-webkit-box-shadow: inset .35em .35em .35em #ddd;
	box-shadow: inset .35em .35em .35em #ddd;
	border: 1px solid #aaa;
	display: block;
	margin: 1em 0;
	padding: .35em;
}
input[type="submit"] { background: #f96500; border: 1px solid #d74300; color: #fff; }
.button { background: #f96500; border: 1px solid #f96500; color: #fff; margin-top: 18px; padding: 4px 10px; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clear { clear: both; } 

.alignleft { float: left; }
	.main img.alignleft { border: 1px solid #ccc; margin: 0 1.5em 1.5em 0; padding: 4px; }
.alignright { float: right; }
	.main img.alignright { border: 1px solid #ccc; margin: 0 0 1.5em 1.5em; padding: 4px; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.half { width: 49%; }
.one3 { width: 33%; }

.container { margin: 0 auto; width: 94em; }

.overlay {
	display: block;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 110%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.8;
	filter: alpha(opacity=80);
}
#modal, #newsletter-form, #contact-form, #atc-form {
	background: #000;
	border: 1px solid #4d4d4d;
	min-height: 50em;
	width: 66em;
	display: none;
	position: absolute;
	z-index: 1002;
}
	#newsletter-form, #contact-form, #atc-form { background: #fff; min-height: 48em; width: 35em; }
	#newsletter-form table, #contact-form table, #atc-form table { width: 100%; }
		#newsletter-form table td, #contact-form table td, #atc-form table td, table.formatted td { padding: .5em 1.5em; vertical-align: middle; }
		
#modal .inner { padding: 2.5em; position: relative; }
#modal-prev, #modal-next { display: none; }
.modal-close { 
	background: url(../images/bg_close.png) no-repeat left -1.4em; 
	bottom: -3em;
	display: block; 
	height: 3em;
	opacity: .8;
	position: absolute; 
	right: 0;  
	text-indent: -999em;
	width: 8.2em; 
	z-index: 1001;
}
	.modal-close:hover { opacity: 1; }


/* Header */
.header { background: #000 url(../images/bg_header.png) repeat-x bottom; min-height: 11.5em; position: relative; z-index: 20; }

#logo { float: left; padding: 0; }
	#logo a { background: url(../images/MainLogo.png) no-repeat left top; display: block; height: 8em; margin-top: .25em; text-indent: -999em; width: 36em; }
	
	
#nav-top { float: right; padding: 0 3em 1.5em; position: relative; z-index: 6; }
	#nav-top li { float: left; margin: 1.5em 0 0 .3em; position: relative; }
		#nav-top li a { 
			background: url(../images/bg_navtop.png) repeat-x left top; 
			border: 1px solid #4d4d4d;
			color: #8d8d8d;
			float: left; 
			font-size: 1.1em;
			height: 15px;
			padding: 1px 20px;
			text-align: center; 
		}
		#nav-top li a:hover { background-position: left bottom; border-color: #ae480c; color: #fff; text-decoration: none; }
		
		#nav-top li div a { background: none; border: none; color: #f96500; padding: 0; }
		#nav-top li div a:hover { color: #f96500; text-decoration: underline; }
		
		
	#LangDropdown, #SearchDropdown { 
		background-color: #fff; 
		border: 1px solid #fff; 
		border-top: 0;
	    display: none;
	    padding: 5px 0;
	    position: absolute;
	    text-align: left;
	    z-index: 999;
		left: 0;
		top: 18px;
	}
	
	#LangDropdown { width: 10em; }
		#nav-top #LangDropdown a { display: block; padding: 5px 10px; text-align: left; }
		
	#SearchDropdown { padding: .5em 2em 2em 2em; width: 20.4em; }
		#SearchDropdown input[type="text"] {  
			border-color: #ccc;
			display: block; 
			float: left; 
			margin-top: 15px;
			padding: 2px; 
			width: 14.5em; 
		}	 
		.GoButton { color: #fff; font-size: 9px; border: 1px solid #b0480b; margin: 15px 0px 0px 0px; float: right; }
			
	#language.menuOpen, #search.menuOpen { 
		background-color: #fff; 
		background-position: 0 -20px !important;
		border-color: #fff !important; 
		color: #000 !important; 
		z-index: 2;
	}
	#SearchDropdown.menuOpen, #LangDropdown.menuOpen { display: block; }


#nav-main { bottom: 0; position: absolute; right: 0; width: 57em; z-index: 5; }
	#nav-main > li { background: url(../images/bg_nav_li.png) no-repeat left bottom; float: left; height: 4em; }
		#nav-main > li > a { 
			color: #ccc; 
			float: left; 
			font-size: 1.2em; 
			padding: 13px 0; 
			position: relative;
			text-decoration: none; 
			z-index: 3;
		}
		#nav-main > li > a:hover { color: #fff; }
		#nav-main > li.selected > a { background: url(../images/bg_navmain_a.png) no-repeat 0 .65em; color: #fff; }
		#nav-main > li > span { position: relative; z-index: 2; }
		#nav-main > li span.l { float: left; height: 4em; margin: 0 -7px 0 2px; width: 23px; }
		#nav-main > li.selected span.l { background: url(../images/bg_navmain_lspan.png) repeat-y left; }
		#nav-main > li span.r { float: left; height: 4em; margin: 0 0 0 -7px; width: 23px; }
		#nav-main > li.selected span.r { background: url(../images/bg_navmain_rspan.png) repeat-y right; }
		#nav-main > li.parent:hover { -moz-box-shadow: 0 0 1em #000; -webkit-box-shadow: 0 0 1em #000; box-shadow: 0 0 1em #000; } 
		#nav-main > li.parent:hover > a, #nav-main > li.parent:hover > span { 
			background: url(../images/bg_navmain_ahover.png) repeat-x top !important; 
			color: #fff; 
		}
		#nav-main .sub { 
			background: #333 url(../images/bg_navmain_sub.png) repeat-x top;
			-moz-box-shadow: 0 0 1em #000;
			-webkit-box-shadow: 0 0 1em #000;
			box-shadow: 0 0 1em #000;
			display: none;
			height: auto;
			left: 0;
			padding-bottom: 1em;
			position: absolute; 
			top: 4em;
			z-index: 9999;
			zoom: 1;
		}
		#nav-main .community { left: auto; right: 0; }
			.sub > ul { border-left: 1px solid #555; float: left; margin: 2.5em 0; padding: 0 3em;  }
			.sub > ul:first-child { border: none; }
			.sub ul li { padding: .25em 0; }
				.sub ul > li span { padding: .25em .5em 0 0; }
				.sub ul > li a { color: #fff; font-size: 1.2em; padding: .25em 0; }
				.sub ul > li ul li a { color: #a7a7a7; font-size: 1.1em; }
				.sub a:hover { color: #f96500; text-decoration: none; }


/* Breadcrumb */
.breadcrumb { margin: -3.5em 0 3em; }
	.breadcrumb a, .breadcrumb span { color: #808080; font-size: 1.1em; text-transform: capitalize; }
	.breadcrumb a:hover, .breadcrumb span { color: #000; }
	
/* Paginate */
.paginate { border-top: 1px solid #ccc; margin: 1em 0; padding: .5em; }
	.paginate .alignright a, .paginate .alignright strong { padding: .25em; }
	
/* Footer */
.footer { background: #000 url(../images/bg_footer.jpg) no-repeat top; color: #8d8d8d; clear: both; padding: 3em 4em 0 4em; }
	.footer a { color: #8d8d8d; }
	.footer span { color: #FDF0CB; display: block; font-size: 1.4em; letter-spacing: 1.2px; padding-bottom: 1em; }
	
	ul.alignleft { padding-bottom: 2.4em; }
		ul.alignleft li { display: inline; }
			ul.alignleft li a { padding-right: 1em; }
	
	img.alignright { padding-bottom: .8em; }